<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
        <title>Canvas Test</title>
        <link rel="stylesheet" href="blur.css">
    </head>
    <body>
        <div id="blur-div">
            <img id="blur-image" src="image.jpg" alt="">
            <canvas id="canvas"></canvas>
            <a href="javascript:reset()" class="button" id="reset-button">RESET</a>
            <a href="javascript:show()" class="button" id="show-button">SHOW</a>
        </div>
    </body>
    <script src="jquery.min.js" type="text/javascript"></script>
    <script src="blur.js" type="text/javascript"></script>
</html>
